<template>
  <div class="home_wrap">
    <Banner class="banner"></Banner>
    <PlayList></PlayList>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
  name: "Home",
});
</script>
<script lang="ts" setup>
import Banner from "./components/Banner/index.vue";
import PlayList from "./components/PlayList/index.vue";
</script>

<style lang="scss" scoped>
.home_wrap {
  margin: 0 auto;
  width: 1080px;

  .banner {
    margin-bottom: 40px;
  }
}
</style>
